<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 浏览器存储数据的方式:

      // cookie
      // localStorage 有效期: 永久(只要不删数据,一直在)
      // sessionStorage 有效期: 一个会话的时间

      //   localStorage.setItem('键', 值) 往localStorage里面存储数据
      //   localStorage.getItem('键') 返回值就是键对应的值
      //   localStorage.clear() 删除当前域名下所有的数据
      //   localStorage.removeItem('键') 删除指定键以及对应的值

      //   注意点: localStorage里面只能存储字符串

      //   //   localStorage.setItem('c', 1)
      //   //   const result = localStorage.getItem('a')
      //   //   console.log(result)
      //   //   console.log(typeof result)
      //   //   const arr = [{ name: 'zs' }, { name: 'li' }]
      //   //   const str = JSON.stringify(arr) // 把数组或对象,转成json字符串
      //   //   localStorage.setItem('a', str)
      //   //   const result = localStorage.getItem('a')
      //   //   console.log(JSON.parse(result))
      //   //   localStorage.removeItem('a')
      //   localStorage.clear()

      //   sessionStorage.setItem('a', [{ name: 'zs' }])
      //   console.log(sessionStorage.getItem('a'))
      //   //   sessionStorage.removeItem('a')
      //   sessionStorage.clear()
    </script>
  </body>
</html>
